<!-- 分类导航 -->
<template>
  <div class="">
    <div class="da">
      <ul>
        <li v-for="(item, index) in dh" :key="index">{{item}}</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      dh: ["武侠", "都市", "历史", "科幻", "网游", "女生", "同人"],
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped>
ul li {
  /* width:2rem; */
  text-align: center;
  line-height: 0.4rem;
  
}
ul{
  width: 200%;
  white-space:nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.da {
  width: 100%;
  overflow: auto ;
}
</style>